<template>
  <div class="index-main">
    <div class="index-main2">
      <van-cell-group>  
        <van-field  v-model="value" label="被评估人：" autosize :rows="1" type="textarea" placeholder="-" :disabled="true"/>
        <van-field v-model="value" label="申请单号：" autosize :rows="1" type="textarea" placeholder="-" :disabled="true"/>
        <van-field v-model="value" label="评估类型：" autosize :rows="1" type="textarea" placeholder="-" :disabled="true"/>
        <van-field v-model="value" label="社保类型：" autosize :rows="1" type="textarea" placeholder="-" :disabled="true"/>
        <van-field v-model="value" label="预约评估日期：" autosize :rows="1" type="textarea" placeholder="-" :disabled="true"/>
        <van-field v-model="value" label="所属街道：" autosize :rows="1" type="textarea" placeholder="-" :disabled="true"/>
        <van-field v-model="value" label="所属居委：" autosize :rows="1" type="textarea" placeholder="-" :disabled="true"/>
        <van-field v-model="value" label="评估地点：" autosize :rows="1" type="textarea" placeholder="-" :disabled="true"/>
        <van-field v-model="value" label="联系方式：" autosize :rows="1" type="textarea" placeholder="-" :disabled="true"/>
        <van-field v-model="value" label="其他联系人：" autosize :rows="1" type="textarea" placeholder="-" :disabled="true"/>
        <van-field v-model="value" label="预约时间：" autosize :rows="1" type="textarea" placeholder="-" :disabled="true">
           <template #button>
            <van-button size="small" round type="primary" @click="dialog = true">预约</van-button>
          </template>
        </van-field>
        <van-divider />
        <van-field label="评估员" autosize :rows="1" type="textarea" :disabled="true"/>
        <van-field v-model="value" label="A类：" autosize :rows="1" type="textarea" placeholder="-" :disabled="true"/>
        <van-field v-model="value" label="联系电话：" autosize :rows="1" type="textarea" placeholder="-" :disabled="true"/>
        <van-field v-model="value" label="隶属评估机构：" autosize :rows="1" type="textarea" placeholder="-" :disabled="true"/>
        <van-field v-model="value" label="B类：" autosize :rows="1" type="textarea" placeholder="-" :disabled="true"/>
        <van-field v-model="value" label="联系电话：" autosize :rows="1" type="textarea" placeholder="-" :disabled="true"/>
        <van-field v-model="value" label="隶属评估机构：" autosize :rows="1" type="textarea" placeholder="-" :disabled="true"/>
        <van-divider style="margin-bottom:8px;"/>
        <div style="color:#c8c9cc;padding-left:15px;padding-bottom:10px;padding-top:0px" class="divfont">
        <span>请确认以上信息正确，评估完成奖计入以上人员绩效!</span>
        <br>
        <span>如果因为个人原因无法评估，请及时联系管理员，</span>
        <br>
        <span>联系电话：</span><br>
        <span>&nbsp;</span>
        </div>
    </van-cell-group>
    <br>
    <van-button type="primary" size="large" style="background-color:red" round >大号按钮</van-button>
    <van-dialog title="信息" v-model="dialog" :show-confirm-button="false">
      <van-datetime-picker
       @confirm="confirm" @cancel="cancel"
        v-model="currentDate"
        type="datetime"
        title="选择完整时间"
      />
    </van-dialog>
    </div>
  </div>
</template>

<script>
import {
  Validatedface
} from "@/api/api";

export default {
  // components:{
  //   Cell,
  //   CellGroup,
  //   Button,
  //   Icon
  // },
  data() {
    return {
      dialog:false,
       value:"aaaaaaaaaaaaaaa",
       currentDate: new Date()
    };
  },
  created() {
    
  },
  mounted() {
  },
  // 页面销毁
  beforeDestroy() {
 
  },
 
  methods: {
    cancel(value){
      this.dialog = false;
      console.log(value);
      console.log("取消按钮")
    },
    confirm(value){
      this.dialog = false;
      console.log(value);
      console.log("确认按钮")
    }
  },
};
</script>

<style lang="scss" scoped>
.index-main {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
}
.index-main2 {
  padding-top: 20px;
  margin: 0 auto;
  width: 90%;
  height: 100%;
  background-color: #f5f5f5;
}
 ::v-deep .van-cell::after{
  border-bottom: 0px;
}

::v-deep .van-cell{
  padding-bottom: 0px;
  padding-top: 5px;


}

::v-deep .van-field__control[disabled] {
    color: black;
    opacity: 1;
    -webkit-text-fill-color:black; // ios 和 安卓9.0 必须添加此属性，才会生效
    -webkit-opacity: 1;
  }
  .divfont {
    font-size: 25px;
    -webkit-transition:font-size 0.2s ease-out;
  }

//
</style>
